* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

body {
    background-color: white;
}

.tibco {
    width: 1200px;
    margin: 0 auto;
    margin-top: 80px;
}

.tibco .tab {
    /*border: 1px solid #ddd;*/
    border-bottom: 0;
    height: 30px;
    width: 600px;
}

.tibco .tab li {
    position: relative;
    float: left;
    width: 149px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    border: 1px solid blue;
    border-collapse: collapse;
    margin-right: -1px;
}

.tibco .tab span {
    position: absolute;
    right: -5px;
    background: black;
    width: 3px;
    height: 14px;
    overflow: hidden;
}

.tibco .editorarea .container-fluid {
    /*height: 255px;*/
}
.tibco .editorarea .container{
    border: 1px solid #cccccc;
    padding-bottom: 14px;
    /*height: 255px;*/
}
.tibco .editorarea .container .row .col-lg-4 .editoroutbox {
    position: relative;
    border: 1px solid #000000;
    /*background-color: yellowgreen;*/
    height: 91px;
}

.tibco .editorarea .container .row .col-lg-4 .editoroutbox:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.tibco .editorarea .container .row .col-lg-4 {
    /*border: 1px solid red;*/
    /*background-color: hotpink;*/
    height: 90px;
    margin-top: 20px;
}

.tibco .editorarea .container .row .col-lg-4 .editoroutbox span {
    margin-left: 19px;
    display: block;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    font-weight: 700;
}

.tibco .editorarea .container .row .col-lg-4 .editoroutbox .timearea {
    background-color: red;
    height: 20px;
}

.tibco .editorarea .container .row .col-lg-4 .editoroutbox .timearea span {
    margin-left: 2px;
    color: white;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
}

.tibco .editorarea .container .row .col-lg-4 .editoroutbox .buttonarea {
    position: absolute;
    right: 3px;
    top: 2px;
}

.tibco .editorarea .container .row .col-lg-4 .editoroutbox button {
    background-color: #666699;
    color: white;
    border-radius: 15%;
    width: 40px;
}

.tibco .editorarea .container .row .col-lg-4 .editoroutbox .control {
    margin-top: 10px;
}

.tibco .editorarea .container .row .col-lg-4 .editoroutbox input {
    background-color: #ccc;
    width: 60px;
}

.tibco .editorarea .container .row .col-lg-4 .editoroutbox .control {
    margin-left: 5px;
}

.tibco .editorarea .container .row .col-lg-4 .editoroutbox .buttonarea .wreplace, .tibco .editorarea .container .row .col-lg-4 .editoroutbox .buttonarea .wcancel {
    display: none;
}

.tibco .main {
    float: left;
    display: none;
}

.tibco .main.selected {
    display: block;
}

.tab li.active {
    border-top: 3px solid red;
    border-bottom: 0;
    background-color: #c4e3f3;
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-6{
        width: 50% !important;
    }
}

.iconone{
    color: white;
    font-size: 16px;
}
.icontwo{
    color: black;
    background-color: white;
    border:1px solid #cccccc;
    text-align: center;
    font-size: 18px;
}
.spanarea{
    height: 20px;
    background-color: #0099CC;
    width: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 15%;
}

svg:not(:root).svg-inline--fa{overflow:visible}
.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}
.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}
.svg-inline--fa.fa-w-2{width:.125em}
.svg-inline--fa.fa-w-3{width:.1875em}
.svg-inline--fa.fa-w-4{width:.25em}
.svg-inline--fa.fa-w-5{width:.3125em}
.svg-inline--fa.fa-w-6{width:.375em}
.svg-inline--fa.fa-w-7{width:.4375em}
.svg-inline--fa.fa-w-8{width:.5em}
.svg-inline--fa.fa-w-9{width:.5625em}
.svg-inline--fa.fa-w-10{width:.625em}
.svg-inline--fa.fa-w-11{width:.6875em}
.svg-inline--fa.fa-w-12{width:.75em}
.svg-inline--fa.fa-w-13{width:.8125em}
.svg-inline--fa.fa-w-14{width:.875em}
.svg-inline--fa.fa-w-15{width:.9375em}
.svg-inline--fa.fa-w-16{width:1em}
.svg-inline--fa.fa-w-17{width:1.0625em}
.svg-inline--fa.fa-w-18{width:1.125em}
.svg-inline--fa.fa-w-19{width:1.1875em}
.svg-inline--fa.fa-w-20{width:1.25em}
.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}
.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}
.svg-inline--fa.fa-border{height:1.5em}
.svg-inline--fa.fa-li{width:2em}
.svg-inline--fa.fa-fw{width:1.25em}
.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}
.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-12.5%;width:1em}
.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}
.fa-layers-counter,
.fa-layers-text{display:inline-block;position:absolute;text-align:center}
.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}
.fa-layers-counter{background-color:#ff253a;border-radius:1em;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}
.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}
.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}
.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}
.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}
.fa-xs{font-size:.75em}
.fa-sm{font-size:.875em}
.fa-1x{font-size:1em}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-6x{font-size:6em}
.fa-7x{font-size:7em}
.fa-8x{font-size:8em}
.fa-9x{font-size:9em}
.fa-10x{font-size:10em}
.fa-fw{text-align:center;width:1.25em}
.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}
.fa-ul>li{position:relative}
.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}
.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}
.fa-pull-left{float:left}
.fa-pull-right{float:right}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}
.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}
.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root 
.fa-flip-horizontal,:root 
.fa-flip-vertical,:root 
.fa-rotate-180,:root 
.fa-rotate-270,:root 
.fa-rotate-90{-webkit-filter:none;filter:none}
.fa-stack{display:inline-block;height:2em;position:relative;width:2em}
.fa-stack-1x,
.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}
.svg-inline--fa.fa-stack-1x{height:1em;width:1em}
.svg-inline--fa.fa-stack-2x{height:2em;width:2em}
.fa-inverse{color:#fff}
.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.sr-only-focusable:active,
.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
